import React, { useState, useEffect } from 'react'
import './index.less'
import { connect } from 'react-redux'
import action from '../../store/action'

function Alert(props) {
    const [count, setCount] = useState({

    })
    useEffect(() => {

    }, [])
    console.log(props);
    console.log(props.circle.item);
    let { item } = props.circle
    return (
        <div className="Alert">
            <div className="nav">
                <p onClick={() => {
                    props.close(1)
                }} className="fan">X</p>
                <p>
                    <img src={item.img} className="bigImg" />
                </p>
                <p className="little">
                    <img src={item.img}/>
                    <span>{item.name}</span>
                </p>
                <p className="text">{item.Xq}</p>
            </div>
        </div>
    )
}
export default connect(state => state, action.circle)(Alert)